<%--
  Created by IntelliJ IDEA.
  User: Root404
  Date: 2023/5/30
  Time: 16:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>

    </style>
</head>
<body>
账户1 <input type="text" id="name" name="name"><span id="span1" style="color: red"></span>
账户2 <input type="text" id="name1" name="name"><span id="span2" style="color: red"></span>
<table border="4">
    <tr>
        <th>name</th>
        <th>dept</th>

    </tr>
</table>
<ul id="ul1"></ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="../js/jquery.js"></script>
<script>
    <%--$("#name").blur(function () {--%>
    <%--    var name=$(this).val();--%>
    <%--    $.getJSON(--%>
    <%--        "${pageContext.request.contextPath}/ServletAjax1?name="+name,--%>
    <%--        function (data) {--%>
    <%--            alert(data);--%>
    <%--            $.each(data,function () {--%>
    <%--                var li="<li>"+this.name+this.dept+"</li>";--%>
    <%--                $("#ul1").append(li);--%>
    <%--            })--%>
    <%--    });--%>
    <%--});--%>

    $("#name").blur(function () {
        var name=$(this).val();
        $.ajax({
            "url":"${pageContext.request.contextPath}/ServletAjax1?name="+name,
            "dataType":"json",
            "success":function (data) {
                alert(data);
                $.each(data,function () {
                    var li="<li>"+this.name+"</li>";
                    $("#ul1").append(li);
                })
                // for(var i=0;i<data.length;i++){
                //     alert(data[0]);
                // }
                // //alert(data);
                // var $data=$(data);
                // $.each($data,function () {
                //     var tr="<tr>"+"<td>"+this.name+"</td>"+"<td>"+this.dept+"</td>"+"</tr>";
                //     // alert("xxxxx");
                //     //+"<td>"+this.sex==1?"男":"女"+"</td>"+"<td>"+this.hobby+"</td>"+
                //     $("table").append(tr);
                // });
            }

        });

    });


    <%--$("#name").blur(function () {--%>
    <%--    var name=$(this).val();--%>
    <%--    $.ajax({--%>
    <%--        "url":"${pageContext.request.contextPath}/ServletAjax1?name="+name,--%>
    <%--        success:function (data) {--%>
    <%--            if(data!="y"){--%>
    <%--                $("#span1").html("*恭喜可以注册1");--%>
    <%--            }else{--%>
    <%--                $("#span1").html("*对不起不可以注册1");--%>
    <%--            }--%>
    <%--        }--%>

    <%--    });--%>

    <%--});--%>
    <%--$("#name").blur(function () {--%>
    <%--    var name=$(this).val();--%>
    <%--    //alert(name);--%>
    <%--    //$("span").html(name);--%>
    <%--    var xtp = new XMLHttpRequest();--%>
    <%--    xtp.open("get","${pageContext.request.contextPath}/ServletAjax1?name="+name,true);--%>
    <%--    xtp.onreadystatechange=callback;--%>
    <%--    //alert("xxx1");--%>
    <%--    xtp.send(null);//不能省--%>
    <%--    function callback() {--%>
    <%--        if(xtp.status==200&&xtp.readyState==4){--%>
    <%--            var data=xtp.responseText;--%>
    <%--            //alert("xxx2");--%>
    <%--            if(data!="y"){--%>
    <%--                $("#span1").html("*恭喜可以注册");--%>
    <%--            }else{--%>
    <%--                $("#span2").html("*对不起不可以注册");--%>
    <%--            }--%>
    <%--        }--%>
    <%--    }--%>
    <%--});--%>
</script>
</body>
</html>
